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Title 



Give Me a Hand! 

Digitizing Images into a Graphing Calculator Using 
Coordinate Geometry 



Overview 

Topic: Graphing, coordinate geometry, digitization 

The lesson is a hands-on activity in which students trace their handprint onto graph 
paper, assign coordinates to selected points, and enter those coordinates into a table in a 
graphing calculator. The student will then plot the points on the graph and use the image 
as feedback to correct the data entered. This image can be manipulated through various 
transformations as the students discover the effects of various numerical transformations 
on the coordinate pairs. The final image will be saved and linked to a desktop computer 
from which it can be printed. 

Grade Level 

The lesson is appropriate for students in grades six through eight (pre-algebra). 

Length of the Lesson 

One 75 minute lesson, or two 40 minute lessons. 

Video/Technology Hardware and Software 

TI-83 Graphing Calculator with overhead screen adapter 
TI-83 Overhead Screen 

TI-83 Graphing Calculators (one per student) 

Low Heat Overhead Projector 
Desktop Computer (Windows or MAC) 

Computer printer 

Tl Calculator Graph Link* *lt linking data to the computer through 

Tl Calculator Graph Link Software* Graph Link. 

Geometer’s Sketchpad and image editing software (e.g. Paint Shop Pro) 

Learning Objectives 

The main content goals of the lesson are to reinforce coordinate graphing skills, 
introduce transformations, and develop problem-solving skills through the use of 
technology. 
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The student will be able to: 



• Assign coordinates to at least fifteen points of a traced image. 

• Correctly input coordinates into a table and manage modified information on a 
graphing calculator. 

• Use visual feedback to correct their own work. 

• Dilate an image using proportions, fractions, positive and negative integers, and 
percents. 

• Rotate and reflect an image through sign changes and transposition of x and y 
coordinates. 

• T ranslate an image by applying functions to x and y coordinates. 

• T ransfer this information to a desktop computer for printing or pasting into a document. 

This lesson addresses National Curriculum and Evaluation Standards for School 
Mathematics (NCTM 1989) four and twelve (Mathematical Connections and Geometry) in 
grades five through eight. It also addresses Math 7 and Math 8 Standards of Learning 
(Virginia Board of Education 1995) as listed: 

Patterns, Functions, Number and Number 

and Algebra Sense 

MAT.7.26 MAT.7.6 

MAT.8.1 

Assessment 

Student learning will be assessed using the attached r 
Materials and Teacher Preparations 
For the teacher: 

• Full size transparency with grid pattern 

• Overhead transparencies of Worksheets: 

“ Vocabulary Terms”; “Table of Coordinate Points” 

• Overhead markers 

• Ruler (Transparent, 12 inch) 

• Sample pictures of prehistoric hand images 

• Visual of TI-83 Graphing Calculator keys 
Per Student: 

• TL83 Graphing Calculator 

• Graphing paper (size 8.5 x 1 1 inches) 
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(one per class/section) 

(one of each per class/section) 
(two-four colors) 

(Available through a library or a 
variety of art/history resources), 
(attached) 



Geometry 

MAT.8.9 
MAT.8.1 8 
MAT.8.1 



• Pencil 

• Ruler 

• Worksheets: “ Vocabulary Terms;” “Table of Coordinate Points” (attached) 

Attach the TI-83 with the overhead screen adapter to the overhead screen and 
place on the overhead projector. Test to ensure that the projection is as large as possible, 
unobstructed, and focused. Clear all graphing calculators of previous work and set to the 
“home screen.” If a Graph Link is available, set up the link on the computer by installing 
the Graph Link software, and ensure that the printer works with the printer and is stocked 
with paper. Use the “Get Screen” feature to check that it is correctly attached to the 
computer, and using the correct port assignments. 

Graph paper should be ready to distribute to students. Summarize the objectives 
and key vocabulary in written form on a medium visually available to the students. 

Preparatory Activities 

Show visuals such as pictures of hand painting from 
prehistoric times to the class to demonstrate how people like us 
from a very different time used images to leave their personal 
mark for many thousands of years. Say: Today, we will also 
leave our personal mark in a digital medium. This digitized 
image can be changed and adapted in many ways, and serves 
as the basis for an entire field of digital modeling, such as that 
seen in film and in research. 

htto://www.culture.fr/culture/arcnat/chauvet/en/avpda-d.htm 




Check for prior knowledge: Ask students to identify example of images and effects 
in the movies and on television that they may have seen that would be examples of 
digitized images. Ask how they think that they could digitize a flat image. 

Direct students to targeted concepts: Explicitly state the objectives as written and tell 
how they will be assessed (see in assessment section). Distribute the vocabulary 
worksheet and introduce the key vocabulary terms: 



• 


Coordinate Pair 


• 


Pixel 


• 


Scatter Plot 


• 


Coordinate Plane 


• 


Quadrant 


• 


Transformation 


• 


Digital 


• 


Reflection 


• 


Translation 


• 


Dilation 


• 


Resolution 


• 


X axis 


• 


Menu 


• 


Rotation 


• 


Y axis 



The lesson: 

1 . Have students keep their vocabulary sheets available to write the meanings of 
terms as they are used in the remainder of the lesson. Vocabulary words are highlighted 
in the following steps when they are explicitly first used for the time. 
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2. Put an overhead transparency that shows a square array. Model construction of the 
coordinate plane, made up of a x-axis, a y-axis, and four quadrants. Have students 
make their own coordinate planes in the same manner. Move around the room to monitor 
progress. 

3. Place a hand flat on the overhead in a way that fits within the viewable part of the 
graph, and is present in all four quadrants. Trace the image with an overhead marker and 
pull the hand away. Students will then perform the same task. Move around the room to 
monitor progress. 

4. Once the tracing is on the graph or coordinate plane, model selection of at least 
fifteen points on the tracing that will help in the selection of coordinate pairs as the image 
is transferred from a tracing into a digital form. These points are then assigned 
coordinates that are accurate to the nearest half, and recorded on the “Table of 
Coordinate Points” worksheet in decimal form (e.g. 12.5, -5). While the minimum number 
of points is fifteen, extra points can be used to improve resolution. After the final point is 
entered, the first point should be entered afterwards to return the sequence to its starting ■ 
point. (This will enable the creation of a closed image). Students will then perform the 
same task. Assist the students where needed. 

5. At this point, the students are ready to put the 
information into the graphing calculator. Remove the 
transparency in use, and put the TI-83 overhead screen on 
the projector. Refocus as necessary. Turn the overhead- 
linked calculator on, and press the [STAT] button. Use the 
poster of the TI-83 Graphing Calculator keys to show the 
students exactly which button to push. 



6. The students will then see a menu both on their 
calculators, and on the overhead display. Use the cursor 
key to select “1: EDIT...” and press [ENTER]. Store 
ordered pairs from the “Table of Coordinate Points” 
worksheet by entering the x coordinates in L1 (list number 
one) and the y coordinates in L2 (list number two). 
Students will need some time and guidance to perform this 
function. Those that finish early can help those that need it. 
Note: It is important that every number in L1 have a 
corresponding entry in L2 to avoid a “mismatch error” 
during graphing. 
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7. As a class, press 
[STAT PLOT] (2'’'', Y=) and 
select “Plot 1.” Select “On” 
and choose the scatter plot 
graph that shows the points 
connected (the second 
graph on the top row). The 
“Xlist” is used to identify the 
list from which the x- 
coordinates will be selected, and should show “L1.” 

If it does not, move the cursor to the entry and press [L1] (2"'', 1). The “Ylist” is used to 
identify the list from which the y-coordinates will be selected, and should show “L2.” If it 
does not, move the cursor to the entry and press [L1] (2'’'*, 2). Finally, move the cursor to 
select the “Mark” by placing it on the and pressing [ENTER]. Students will need some 
time and guidance to perform this function. Those that finish early can help those that 
need it. 

8. As a class, press [ZOOM] and select “9:ZoomStat” 
followed by [ENTER]. The calculator will select a “window” 
in which the data will fit, and graph the result using a 
connected scatterplot. A form of a hand should appear on 
top of a pair of axes. The image will look jagged because 
of the limited number of individual pixels used in the 
screen array. The calculator “window” will stretch the 
image vertically or horizontally and can be corrected by 
selecting “5:ZoomSquare” followed by [ENTER]. A 
smaller, but truer image will result. 



MEMORV 
ecinal 
5: ZS«iuare 
6! ZStandard 
?:ZTrig 
8 aZ I nteger 
ZoonStat 
ZoonFit 



9. Errors in data input 
will result in stray points that 
will alter the image. These 
can be corrected by using 
visual cues to identify which 
point(s) in the sequence are 
incorrectly assigned. 
Students will troubleshoot 
their results by first looking at their graphs, rechecking their coordinates, and verifying 
correct recording in the worksheet “Table of Coordinate Points.” 

1 0. Where changes are made, or if there are no discrepancies in the initial work, 

students will next go to the lists in the graphing calculator. Students will press [QUIT] (2"'', 
MODE) to return to the “home screen,” and retrace their steps as described in sections 
five and six above. They will not need to reenter all the data, but can instead move the 
cursor through the lists and correct errors by overwriting erroneous entries. 
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1 1 . Upon completion they should repeat the steps 
described in section eight. If this corrects the errors, then 
they are ready to proceed to the next step. If not, they will 
repeat the troubleshooting process. Students will need 
some time and guidance to perform this function. Those 
that finish early can help those that need it. 

(The following steps twelve through sixteen can be omitted 
if there is no need to continue with transformations. They can also be deferred to a 
subsequent lesson if the class only lasts forty minutes. In that case, the data will have to 
be retained in the calculators, and students will resume their work with the same calculator 
the next lesson. The programming feature can also be used to store the work under 
unique filenames, allowing other classesi sections to use the calculators in the interim. 
These procedures are described in the attachment “Saving Student Work through 
Programming. ”) ' ' • . 



12. Once the hand image is correctly displayed, the data 
can be manipulated to transform the image. The original 
data in LI and L2 will be retained, and L3 and L4 will be 
used for future plotting. From the home-screen, (if not on 
the home-screen, press [QUIT] MODE)) press the 
[STAT] button. Use the cursor key to select “1 ; EDIT...” 
and press [ENTER]. Move the cursor to L3 and then up to 
the top of the column. 



In the display shown 
at the bottom of the screen, 
key in “LI *2” and press 
[ENTER]. Move the cursor 
to L4 and then up to the top 
of the column. In the display 
shown at the bottom of the 
screen, key in “L2-2” and press [ENTER]. 

13. As a class, press [STAT PLOT] (2"“, Y=) and select “Plot 2.” Select “On” and 
choose the scatterplot graph that shows the points connected (the second graph on the 

top row). The “Xlist” is used to identify the list from which 
the x-coordinates will be selected, and should show “L3.” 

To do this, move the cursor to the entry and press [L3] 

(2"‘*, 3). The “Ylist” is used to identify the list from which 
the y^coordinates will be selected, and should show “L4.” 
Move the cursor to the entry and press [L4] (2"‘*, 4). 

Finally, move the cursor to select the “Mark” by placing it 
on the and pressing [ENTER]. 
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14. Press [ZOOM] and select “9:ZoomStat” followed 
by [ENTER]. A larger form of a hand should appear on top 
of the first image. The calculator “window” will stretch the 
image vertically or horizontally and can be corrected by 
selecting “5:ZoomSquare” followed by [ENTER]. A truer 
image will result. Students should observe a larger hand 
around the original image. The new image is a dilation of 
the original by a factor of two. 




The axes look bolder because the unit scale 
markers run together as the picture zooms out. To make 
the picture and the scale clearer, it is necessary to go to 
select the [WINDOW] screen and modify the displayed 
scale. 

The XscI (X Scale) and the YscI (Y Scale) can be 
modified from 1 to 5 as shown. Press [GRAPH], and the 
modified axes will be shown. , 



WINDOW 

Xnin= -48. 75870... 
Xnax=48. 758709... 
Xscl=5 
Vnin= -32. 16 
Vnax=32. 16 
Vscl=5 * 

Xres=l 



Additional transformations can be made clearer by 
turning Plotl off through the [STAT PLOT] screen. 




2:Plot2...0n 

lh 

3:Plot3...0ff 

U’'' LI L£ a 

44-PlotsOff 



This transformation can be repeated with factors in various forms by having students 
work in pairs or small groups with some or all of the following factors. At a minimum, each 
student pair/group should successfully dilate the image using one factor greater than one, 
one between zero and one, and one less than zero. Students should turn Plotl on to 
contrast the initial image with its transformation and off the see the transformation with 
greater clarity. This will allow the students to further master the display features of the 
graphing calculator. 

Percentage (rates of change): 



• 


+100% 


? 


LI *2, L2*2 


• 


+150% 


? 


LI *2.5, L2*2.5 


• 


+200% 


? 


LI *3, L2*3 


• 


+50% 


? 


L1*(150/100), L2*(150/100) or L1*(1.5), L2*(1.5) 


• 


-50% 


? 


L1*(50/100), L2*(50/100) or L1*(.5), L2*(.5) 


• 


-100% 


? 


L1*-1, L2*-1 
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Fractions and decimals (ratios of scale): 



2/3 


? 


LI *(2/3), L2*(2/3) 


3/2 


? 


LI *(3/2), L2*(3/2) 


1/2 


? 


LI *(1/2), L2*(1/2) 


-1/2 


? 


LI *(-1/2), L2*(-1/2) 


3.75 


? 


LI *3.75, L2*3.75 


2.5 


? 


LI *2.5, L2*2.75 


-2.5 


? 


LI *-2.5, L2*-2.5 


-1 


? 


L1*-1, L2M 



Demonstrate some examples of dilation in various scales and allow students to share 
their results. Dilations of-1 or -200% result in a rotation of 180° of the image about the 
origin and should be demonstrated to enable visualization of the process. 

1 5. The next transformation to be analyzed is reflection. This is accomplished by 
reversing the signs or positions of the coordinates. Again, L3 and L4 will hold the altered 
coordinates. The following reflections can be accomplished by multiplying LI and L2 and 
placing them in L3 and L4 as listed: 



• Reflection across the x-axis 

• Reflection across the y-axis 

• Reflection across the line y=x 

• Reflection across the line y=x 



LI, L2*-1 
L1*-1,L2 
L2, LI 
L2*-1,L1*-1 



Demonstrate some examples of reflection and allow students to share their results. 

1 6. The final transformation to be analyzed is translation. This is accomplished by 
adding or subtracting a constant from the x-coordinate, and adding or subtracting another 
constant from the y-coordinate. Applying these constants to LI and L2 and placing them in 
L3 and L4 as listed can accomplish the following translations: 



• 


T ranslate 1 2 


right 


and 


10 


up 


? 


LI +12, L2+10 


• 


Translate 15 


right 


and 


9 


down 


? 


LI +15, L2-9 


• 


Translate 14 


left 


and 


14 


up 


? 


LI -14, L2+14 


• 


T ranslate 8 


left 


and 


10 


down 


? 


LI -8, L2-10 



Students should select other examples and share their results. 
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17. Turn off plot 2 if it has 
been used. Re-zoom and 
use the format key to 
remove the axes. 





1 8. Teachers who are experienced with the Graphing Calculator 
may choose to use a Graph-link to transfer some or all of the 
images to the computer. Paste these in a drawing or picture 
software page for later modification. Exceptional examples can be 
printed out or modified through image editors such Paint Shop Pro, 
or Aldus Photostyler. 



Leonard Bumbaca 
Annandale High School 
Fairfax County Public Schools 
Fairfax County, Virginia 




11 



Assessment 



Assessment is based on teacher observations of student progress through the 
lesson. Since the main task is a performance task, any student that can display an 
accurate image of their hand on the graphing calculator, and then perform transformations 
as directed has demonstrated mastery of the objectives. 

A checklist can be maintained to note the successful mastery of these skills during 
or after the lesson. The vocabulary lists will be collected and assessed for completeness 
and accuracy. Writing components such as a journal response or a short essay on what 
the student did and learned supports literacy across the curriculum and consolidates the 
learning process. 

Action Plan: Culminating Activities 

• T ransfer the image and/or the data to the computer using Graph Link if available. 

• If Graph Link is not available, the data from the tables can be transferred by hand to 
Geometer’s Sketchpad for further analysis and increasingly responsive and 
sophisticated transformations. 

• Manipulate the images saved using graphics software to look like the original hand 
paintings or make creative images for display. 

• Prompt the students to think again about how digital effects are used in the mass 
media. Have them find examples in magazines, video, and film, and share these in the 
next class session. 

Extensions 

Videos that support this topic and further math/computer extensions are: 

Life by the Numbers, Educational Highlights Video 
http://www.ti.com/calc/docs/mathlife.htm 

The two-hour Educational Highlights video, available 
through the ITS programming at WNVT Channel 53/56, features 
over a dozen individual segments, each five to 10 minutes, 
selected from the series. 



Biii Nye the Science Guy, Episode 78 COMPUTERS 
http://disnev.go.com/DisnevTelevision/BillNye/index.html 

A portion of the program is especially well suited to 
describing the binary coding inside a computer and how it can be 
used to created digital images of letters and numbers, that are 
displayed and used every day on a computer monitor. 
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The Internet can be used to assist teachers in identifying resources for the lesson 
and opportunities for support to include class-sets of calculators available for loan, and 
additional lessons and instructional ideas. These include: 

http://wvvw.pbs.orq/wqed/lifebvthenumbers/standard/ 

http://www.ti.com/calc/docs/mathlife.htm 

http://www.ti.com/calc/docs/activities.htm 

http://www.kevpress.com/sketchpad/ 

History 

The cave paintings of Southern France have left a lasting impression of early 
human experience. When did these people live, and where did they come from? 

Language Arts 

“Digitizing” an image, means creating a record of numbers that can be used as 
instructions to recreate the image in a different medium. Examine the vocabulary links 
between the digits as used numerically, and as a way to describe fingers and thumbs. 

Find similar connections in five more of the vocabulary words by explaining what each 
means in mathematical and everyday usage, where the words come from, and why there 
is a connection. 

Science 

Describe at least two situations in which digitized information can be used to model 
scientific phenomena. What are the advantages and limitations of these models? 

Art 



What other paintings were made by prehistoric man? How did they make such 
stunning pictures in the darkness of the caves? Why did they go through so much trouble 
to express what they saw in art? How do computer graphics expand our scope and 
appreciation of art today? Combine the work you have created as a class into a collage 
that uses the cobrs and forms of prehistoric art. Extend it to new adaptations gradually, or 
on a separate work to create a more modern look. 
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Vocabulary List 

Define the following terms as they are used in the lesson: 

Coordinate Pair 

Coordinate Plane 

Digital 

Dilation 

Menu 

Quadrant 

Reflection 

Resolution 

Rotation 

Scatter Plot 

Transformation 

Translation 

X-axis 

Y-axis 
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Table of Coordinate Points 
(Converting Pictures to Digits) 



Point Number 


X Coordinate 


Y Coordinate 


1 






2 






3 






4 






5 






6 






7 






8 






9 






10 






11 






12 






13 






14 






15 
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Assessment Rubric: 



Vocabulary 

□ All definitions have been completed 

□ Definitions are accurate 

□ Definitions are clear 

□ Definitions are written in complete sentences 



Coordinate Graph 

□ Axes are drawn using a straightedge 

□ Axes are labeled 

□ Axes have arrows at both ends 

□ A scale is provided on both axes 

□ All four quadrants are labeled 

□ The tracing covers all four quadrants 

□ Points are clearly drawn 

Data Collection Sheet 

□ At least fifteen points are recorded 

□ X and Y coordinates are correctly identified 

Graphing Calculator 

□ Lists 1 and 2 are used effectively 

□ The image is scaled to show the entire hand 

□ The image is closed 

□ The image correctly reflects the data from the tracing 

Total score (out of 17): /1 7 
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